<template>
    <div class="page1">
        <Main/>
        <div class="left">
            <ul>
                <li><router-link to="/page1">java</router-link></li>
                <li><router-link to="/page1/mysql">mysql</router-link></li>
                <li><router-link to="/page1/vue">vue</router-link></li>
            </ul>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{

        }
    }
}
</script>
<style scoped>
.page1{
    background-color: brown
}
li{
    width: 3;
}
.left{
    width: 8%;
}
.right{
    background-color: aqua
}
.left,.right{
    float: left;
}
</style>
